<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="/stylesheets/page1.css" media="screen" />
<script type="text/javascript" src="/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="/js/common.js"></script>
<title>Insert title here</title>
</head>
<body background="/images/body_backgournd.png">
<h1><%= title1 %></h1>
<div id="img_logo">
	<img alt="TV&STRETCHING" src="/images/page1/img_logo_src.png">
</div>
<div id="img_title">
	<img alt="원하는 스트레칭을 선택해주세요" src="/images/page1/img_title_src.png">
</div>
<div id="img_body">
	<img alt="신체모형" src="/images/page1/Image_neck.png">
</div>
<div id="part1">
	<img alt="목" src="/images/page1/Btn_neck_selected.png">
</div>
<div id="part2">
	<img alt="어깨" src="/images/page1/Btn_Shoulder_selected.png">
</div>
<div id="part3">
	<img alt="팔" src="/images/page1/Btn_Arm_selected.png">
</div>
<div id="part4">
	<img alt="허리/등" src="/images/page1/Btn_Waist_selected.png">
</div>
<div id="part5">
	<img alt="다리/발" src="/images/page1/Btn_Legs_selected.png">
</div>

<div id="line1">
	<img alt="라인" src="/images/page1/border_Left_line.png">
</div>
<div id="line2">
	<img alt="라인" src="/images/page1/border_Left_line.png">
</div>

<div id="exer1" class="exercise">
	<img id="bg" alt="운동리스트1" src="/images/page1/Btn_Stretching_unselected.png">
	<img class="detail1" alt="detail1" src="">
	<img class="detail2" alt="detail2" src="">
	<div>목 눌러 풀어주기</div>
</div>
<div id="exer2" class="exercise">
	<img id="bg" alt="운동리스트2" src="/images/page1/Btn_Stretching_unselected.png">
	<img class="detail1" alt="detail1" src="">
	<img class="detail2" alt="detail2" src="">
	<div>목 눌러 풀어주기</div>
</div>

<div id="btn_up">
	<img alt="위로" src="/images/page1/Btn_Up_stretching.png"></div>
<div id="btn_down">
	<img alt="아래로" src="/images/page1/Btn_Down_stretching.png">
</div>

<div id="btn_next">
	<img alt="다음" src="/images/page1/Btn_StartStretching_active.png">
</div>

<div id="btn_reset">
	<img alt="초기화하기" src="/images/page1/Btn_Initialization.png">
</div>

<div id="btn_finish">
	<img alt="앱종료" src="/images/page1/Btn_exit_app.png">
</div>

</body>
<script type="text/javascript">
	$(document).ready(function(){
		var part1 = $('#part1 > img');
		var part2 = $('#part2 > img');
		var part3 = $('#part3 > img');
		var part4 = $('#part4 > img');
		var part5 = $('#part5 > img');
		
		part1.on('click', function(){
			changeBody('/images/page1/Image_neck.png');
		});
		
		part2.on('click', function(){
			changeBody('/images/page1/Image_shoulder.png');
		});
		
		part3.on('click', function(){
			changeBody('/images/page1/Image_arms.png');
		});
		
		part4.on('click', function(){
			changeBody('/images/page1/Image_waist.png');
		});
		
		part5.on('click', function(){
			changeBody('/images/page1/Image_legs.png');
		});
		
		function changeBody(src){
		console.log(src);
			$('#img_body > img').attr('src', src);
		}
		
	});

</script>
</html>